html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

article, aside, figure, footer, header, hgroup, nav, section { display: block; }

/* force a vertical scrollbar to prevent a jumpy page */
html { overflow-y: auto; }

/* we use a lot of ULs that aren't bulleted. don't forget to restore the bullets within content. */
ul { list-style: none; }

* { margin: 0; padding: 0; }

.clr { clear: both; margin: 0; padding: 0; }

h1, h2, h3, h4, div, p, ul, form { margin: 0; padding: 0; list-style: none; }

a, img { outline: none; border: none; margin: 0; padding: 0; text-decoration: none; }

blockquote, q { quotes: none; }

    blockquote:before,
    blockquote:after,
    q:before,
    q:after { content: ''; content: none; }

a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom: 1px dotted #000; cursor: help; }

/* tables still need cellspacing="0" in the markup */
table { border-collapse: collapse; border-spacing: 0; }

th { font-weight: bold; vertical-align: bottom; }

td { font-weight: normal; vertical-align: top; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

input, select { vertical-align: middle; }

pre { white-space: pre; /* CSS2 */ white-space: pre-wrap; /* CSS 2.1 */ white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */ word-wrap: break-word; /* IE */ }

input[type="radio"] { vertical-align: text-bottom; }

input[type="checkbox"] { vertical-align: bottom; *vertical-align: baseline; }

.ie6 input { vertical-align: text-bottom; }

select, input, textarea { font: 99% sans-serif; }

table { font-size: inherit; font: 100%; }

/* Accessible focus treatment people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active { outline: none; }

small { font-size: 85%; }

strong, th { font-weight: bold; }

td, td img { vertical-align: top; }

/* Make sure sup and sub don't screw with your line-heights
	gist.github.com/413930 */
sub, sup { font-size: 75%; line-height: 0; position: relative; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

/* standardize any monospaced elements */
pre, code, kbd, samp { font-family: monospace, sans-serif; }

/* hand cursor on clickable elements */
.clickable, input[type=button], input[type=submit], button { cursor: pointer; }

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea { margin: 0; }

/* make buttons play nice in IE */
button { width: auto; overflow: visible; }

/* scale images in IE7 more attractively */
.ie7 img { -ms-interpolation-mode: bicubic; }

/* prevent BG image flicker upon hover */
.ie6 html { filter: expression(document.execCommand("BackgroundImageCache", false, true)); }

/* let's clear some floats */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }

.clearfix:after { clear: both; }

.clearfix { zoom: 1; }

/* IE message */
p.chromeframe { font-size: 18px; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; font-weight: normal; color: #fff; background: #f00; padding: 15px 20px; text-align: center; }

    p.chromeframe a { color: #000; }

        p.chromeframe a:hover { text-decoration: underline; }

.spacer { height: 30px; margin: 0; padding: 0; clear: both; }
/* Page Styling */
body { margin: 0; padding: 0; clear: both; font-family: Arial, Verdana, Helvetica, sans-serif; color: #000; font-weight: normal; background: #fdf8eb; }

#header { margin: 0 auto; }

    #header h1 { float: left; margin: 5px 0 0 16px; }

        #header h1 a { width: 336px; height: 70px; float: left; background: url(../images/logo_new.png) no-repeat; background-size: 173.333px 130px; background-position: 0px -36px; text-indent: -9999px; }

.impersonation-bar { background: #f8911a; height: 33px; margin: 0 auto; }

    .impersonation-bar p { font-size: 12px; color: #000; font-weight: normal; text-align: center; }

        .impersonation-bar p a { padding: 0 0 0 90px; color: #000; line-height: 33px; }

.topheader { margin: 0 auto; height: 65px; background: #7e6f61; }

.topin { width: 960px; margin: 0 auto; }

.navigation { margin: 0 auto; height: 65px; background: #f4eae1; }

.nav { width: 960px; margin: 0 auto; padding: 10px 0; }

ul.lmenu { float: left; height: 45px; background: url(../images/bar.png) no-repeat left center; padding: 0 0 0 1px; }

    ul.lmenu li { font-size: 14px; color: #574636; font-weight: normal; float: left; display: block; padding: 0 30px; background: url(../images/bar.png) no-repeat right center; height: 45px; }

        ul.lmenu li:nth-child(1) a { background: url(../images/home.png) no-repeat left center; padding: 6px 0 0 45px; }

        ul.lmenu li:nth-child(2) a { background: url(../images/experiment.png) no-repeat left center; padding: 6px 0 0 45px; }

        ul.lmenu li:nth-child(3) a { background: url(../images/function.png) no-repeat left center; padding: 6px 0 0 42px; }

        ul.lmenu li:nth-child(4) a { background: url(../images/user.png) no-repeat left center; padding: 6px 0 0 40px; }

        ul.lmenu li a { color: #574636; float: left; height: 39px; display: block; }

            ul.lmenu li a:hover, ul.lmenu li a.active { border-bottom: 5px solid #f79421; }

ul.rmenu { float: right; height: 45px; background: url(../images/bar.png) no-repeat right center; padding: 0 1px 0 0; }

    ul.rmenu li { font-size: 14px; color: #574636; font-weight: normal; float: left; display: block; padding: 0 21px; background: url(../images/bar.png) no-repeat left center; height: 45px; }

        ul.rmenu li:nth-child(1) a { background: url(../images/manual.png) no-repeat left center; padding: 6px 0 0 45px; }

        ul.rmenu li a { color: #574636; float: left; height: 39px; display: block; }

            ul.rmenu li a:hover, ul.rmenu li a.active { border-bottom: 5px solid #f79421; }

.logged { float: right; }

    .logged p { font-size: 13px; color: #ebeaea; font-weight: normal; line-height: 65px; float: left; }

ul.accinfo { float: left; padding: 15px 0 0 15px; }

    ul.accinfo li.info { position: relative; line-height: 32px; }

        ul.accinfo li.info a.link { width: 35px; background: url(../images/arrow.png) no-repeat center center; text-indent: -9999px; float: left; display: block; border: 2px solid #7e6f61; }

        ul.accinfo li.info:hover a.link { background: #fff url(../images/arrow-hover.png) no-repeat center center; border: 2px solid #fd9122; border-bottom: none; }

    ul.accinfo li ul { display: none; z-index: 1000; padding: 0; }

    ul.accinfo li:hover ul { display: block; position: absolute; right: 0; background: #fff url(../images/menu.png) no-repeat top left; border: 2px solid #fd9122; border-top: none; width: 85px; padding: 3px 15px; margin: 32px 0 0; }

    ul.accinfo li ul li { float: none; font-size: 13px; font-weight: normal; width: 85px; }

        ul.accinfo li ul li a { display: block; color: #000; width: 85px; line-height: 30px; border-bottom: 1px solid #d7d7d7; text-align: center; }

        ul.accinfo li ul li:last-child a { border: none; }

        ul.accinfo li ul li a:hover { color: #333; }

#wrap { width: 900px; margin: 0 auto; padding: 20px 0; }

    #wrap h3 { font-size: 18px; color: #000; font-weight: normal; padding: 0 0 9px; }

    #wrap p { font-size: 16px; color: #000; font-weight: normal; line-height: 1.4em; padding: 0 0 15px; }

        #wrap p a { color: #000; }

/* Main Page*/
.holder { padding: 30px 0 0; }

h2.headline { font-size: 24px; font-weight: normal; border-bottom: 3px solid #7e6f61; line-height: 30px; margin: 0 0 30px; }

.leftblock { width: 430px; float: left; }

.rightblock { width: 430px; float: right; }

/* Form */
.sign-form { /*float: left;*/ }

.input-hold { padding: 0 0 24px; float: left; width: 100%; }

.sign-label { font-size: 16px; color: #000; font-weight: normal; width: 160px; float: left; line-height: 30px; }

.sign-label1 { font-size: 16px; color: #000; font-weight: normal; width: 160px; float: left; line-height: 1em; }

.sign-label2 { font-size: 16px; color: #000; font-weight: normal; width: 230px; float: left; line-height: 30px; }

.sign-label1 span { font-size: 12px; color: #666; font-weight: normal; }

.sign-input { width: 202px; height: 18px; float: left; border: 1px solid #9b9b9b; border-radius: 3px; -webkit-border-radius: 3px; padding: 5px 9px; font-size: 14px; color: #333; }

.sign-checkbox { float: left; margin: 3px 9px 0 0; }

.text-area { width: 339px; height: 105px; float: left; border: 1px solid #9b9b9b; border-radius: 3px; -webkit-border-radius: 3px; padding: 5px 9px; font-size: 14px; color: #333; }

.text-area1 { width: 420px; height: 130px; float: left; border: 1px solid #9b9b9b; border-radius: 3px; -webkit-border-radius: 3px; padding: 5px 9px; font-size: 14px; color: #333; }

.sign-select { width: 202px; height: 28px; float: left; border: 1px solid #9b9b9b; border-radius: 3px; -webkit-border-radius: 3px; font-size: 14px; color: #333; }

span.optional { padding: 0 0 0 21px; color: #666; font-size: 12px; line-height: 30px; }

a.forgot { float: right; display: block; line-height: 30px; color: #666; font-size: 14px; font-weight: normal; margin: 0 50px 0 0; }

    a.forgot:hover { text-decoration: underline; }

.sign-submit { float: left; background: url(../images/submit.png) repeat-x; text-align: center; font-size: 13px; font-weight: bold; color: #fff; border: 1px solid #eeb44f; height: 30px; line-height: 30px; padding: 0 15px; text-transform: uppercase; }

.radiohold { float: left; margin: 0 21px 0 0; font-size: 16px; color: #000; font-weight: normal; line-height: 30px; }

.sign-radio { float: left; margin: 9px 9px 0 0; }

.sessionhold { padding: 0 0 6px; float: left; }

.input-hold small { font-size: 13px; color: #000; width: 100%; float: left; padding: 12px 0 0; }

.forgot-pass { padding: 15px 0; }

.error { }

    .error p, .error li, .error span { color: #dc0303 !important; font-weight: normal; font-size: 14px !important; padding: 0 !important; }

.subbtn { float: left; background: url(../images/submit.png) repeat-x; text-align: center; font-size: 13px; font-weight: bold; color: #fff; border: 1px solid #eeb44f; height: 30px; line-height: 30px; padding: 0 15px; text-transform: uppercase; }

.editor { /*float: left;*/ padding: 0 0 21px; width: 100%; }

.logic-box { margin: 0 0 24px; }

.logic-tab { float: right; position: absolute; top: 0; right: 0; }

.logicbtn { float: left; background: url(../images/btn.png) repeat-x; text-align: center; font-size: 12px; font-weight: bold; color: #fff; border: 1px solid #eeb44f; height: 22px; line-height: 22px; padding: 0 15px; text-transform: uppercase; float: left; margin: 0 0 0 6px; }

.logicblock { border: 1px solid #867769; /*margin: 0 0 9px 0;*/ margin: 0px; }

.unassign { border: 1px solid #c00 !important; }

.unassignhead { background: #fcdfdf !important; }

.logicblock h2 { color: #574636; font-size: 16px; font-weight: bold; float: left; }

    .logicblock h2 span { font-size: 14px; font-weight: normal; }

.logicblock h4 { color: #7a6552; font-size: 14px; font-weight: normal; float: left; }

.logicblock p { color: #000; font-size: 14px !important; padding: 0 0 9px !important; float: left; }

.headblock { background: #f4eae2; padding: 9px; }

.loglogic { /*border-top: 1px solid #867769;*/ border: 1px solid #ccc; background: #fff; padding: 9px 9px 0;  }

.headlinehold { float: left; }

h5.unassigned { font-size: 14px; color: #900; font-weight: normal; line-height: 35px; float: right; padding: 0 60px 0 12px; background: url(../images/excla.png) no-repeat left center; }

div.icon-hold { float: right; padding: 9px 0 0; }

    div.icon-hold span { float: left; background: url(../images/bar.png) no-repeat right center; padding: 0 15px; }

        div.icon-hold span:last-child { background: none; padding: 0 6px 0 15px; }

        div.icon-hold span a { width: 18px; height: 18px; float: left; display: block; text-indent: -9999px; }

            div.icon-hold span a.delete { background: url(../images/icon-delete.png) no-repeat center center; }

            div.icon-hold span a.edit { background: url(../images/icon-edit.png) no-repeat center center; }

            div.icon-hold span a.show { background: url(../images/icon-show.png) no-repeat center center; }

            div.icon-hold span a.hide { background: url(../images/icon-hide.png) no-repeat center center; }

            div.icon-hold span a.drag { background: url(../images/icon-drag.png) no-repeat center center; }

            div.icon-hold span a.delete:hover { background: url(../images/icon-deletehover.png) no-repeat center center; }

            div.icon-hold span a.edit:hover { background: url(../images/icon-edithover.png) no-repeat center center; }

            div.icon-hold span a.show:hover { background: url(../images/icon-showhover.png) no-repeat center center; }

            div.icon-hold span a.hide:hover { background: url(../images/icon-hidehover.png) no-repeat center center; }

            div.icon-hold span a.drag:hover { background: url(../images/icon-draghover.png) no-repeat center center; }

a.icoedit { width: 18px; height: 18px; float: left; display: block; text-indent: -9999px; background: url(../images/icon-edit.png) no-repeat center center; margin: 0 0 0 3px; }

    a.icoedit:hover { background: url(../images/icon-edithover.png) no-repeat center center; }

.ico-texthold { float: right; padding: 0 6px 0 0; }

/* Dashboard */
.dashboard-hold { padding: 0 0 30px; }

.block { position: relative; width: 100%; }

.abbtn { float: left; background: url(../images/submit.png) repeat-x; text-align: center; font-size: 13px; font-weight: bold; color: #fff; border: 1px solid #eeb44f; height: 30px; line-height: 30px; padding: 0 15px; text-transform: uppercase; position: absolute; right: 0; top: -10px; }

.dash-col { width: 100%; font-size: 14px; line-height: 1.25em; border-collapse: collapse; border-spacing: 0; }

    .dash-col th { margin: 0; text-align: left; background: #f4eae2; font-size: 14px; color: #574636; font-weight: normal; padding: 15px; vertical-align: top; border: 1px solid #867769; }

    .dash-col td { margin: 0; padding: 10px 15px; font-size: 14px; color: #000; font-weight: normal; vertical-align: top; border: 1px solid #867769; background: #fdf8eb; text-align: left; }

        .dash-col td a { color: #867769; font-size: 12px; }

.field-validation-error { color: #dc0303 !important; font-weight: normal; font-size: 14px !important; padding: 0 !important; }
.keep_away { display: none; }

.sign-radio.list-space td label { margin: 9px 9px 0 9px; }

a.back-btn { float: right; background-color: #000; color: #fff; padding: 4px 10px; font-size: 14px; }
    a.back-btn:hover { background-color: #fd9122; }

.in-save, .inplace-cntr { display: none; }
    .ico-texthold .icosave, .in-save .icosave { margin-left: 5px; height: 20px; line-height: 20px; padding: 0px 2px; text-transform: none; font-size: 12px; background: url(../images/submit.png) repeat-x; text-align: center; font-weight: bold; color: #fff; border: 1px solid #eeb44f; }
    .ico-texthold .in-cancel, .in-save .in-cancel { margin-left: 5px; display: inline-block; height: 20px; line-height: 20px; padding: 0px 2px; text-transform: none; font-size: 12px; background-color: white; text-align: center; font-weight: bold; color: #000; border: 1px solid #eeb44f; }
.ico-texthold .icosave { float: left; }
.in-textarea { width: 730px; max-width: 730px; min-height: 70px; }
.in-textbox, .ico-texthold .in-save { display: inline-block; }
.in-textbox { width: 350px; }
div.text { clear: both; }